<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:ui="http://java.sun.com/jsf/facelets"                        
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"      >
    <h:head>     
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/menu.css" rel="stylesheet" type="text/css" />
        <title>Blue Pumpkin Admin Page</title>
    </h:head>
    <h:body>
        <div class="main_body_admin" >
            <div class="separator_div"/>
            <div class="admin_logo"/>

            <h:form id="frmMain">
                <p:menubar style="text-align: center" >
                   <p:menuitem value="Event" style="color: blueviolet; font-weight: bold" styleClass="admin_menu_current" > </p:menuitem> 
                    <p:menuitem value="Prize" actionListener="#{naviagtionControl.redirectToPrizePage()}" ></p:menuitem> 
                    <p:menuitem value="User"   actionListener="#{naviagtionControl.redirectToUserPage()}" ></p:menuitem> 
                    <p:menuitem value="FAQ"  actionListener="#{naviagtionControl.redirectToFAQsPage()}" ></p:menuitem> 
                    <p:menuitem value="Contact" actionListener="#{naviagtionControl.redirectToContactPage()}"  ></p:menuitem> 
                    <p:menuitem value="Registration" actionListener="#{naviagtionControl.redirectToRegistrationPage()}" ></p:menuitem> 
                    <p:menuitem value="Winner" actionListener="#{naviagtionControl.redirectToWinnerPage()}"  ></p:menuitem> 
                    <p:menuitem value="Comment" actionListener="#{naviagtionControl.redirectToCommentsPage()}"  ></p:menuitem> 
                    <p:submenu label="#{userControl.user.fullName}"    >
                         <p:menuitem value="Edit Profile" actionListener="#{userControl.redirectToLogonUserPage()}" ></p:menuitem> 
                        <p:menuitem value="Log out" actionListener="#{userControl.logout()}"  ></p:menuitem> 
                    </p:submenu>



                </p:menubar>
            </h:form>

            <div class="content_display">
                <h:form>
                    <p:toolbar>
                        <p:toolbarGroup>
                            <p:commandButton value="Add Event" actionListener="#{eventControl.redirectToAddEvent()}"/>
                            <p:commandButton value="View Events" actionListener="#{eventControl.redirectToListEvent()}" />
                            <p:commandButton value="Edit Event" actionListener="#{eventControl.redirectToUpdateEvent()}" />

                        </p:toolbarGroup>
                    </p:toolbar>
                </h:form>
                <p:spacer height="5px" />
                <p:panel style="width: 99%;">
                    <h:form id="frmListEvent"  >
                        <p:panel>
                            <h:panelGrid columns="1" style="width: 98%">

                                <h:outputLabel class="bold color_blue" value="#{eventControl.decodeString(eventControl.selectedevent.title)}"></h:outputLabel>

                                <p:separator style=" color: #ff6400" ></p:separator>
                            </h:panelGrid>
                            <h:panelGrid columns="2" style="width: 98%" >  

                                <a href="#"><img src="#{eventControl.selectedevent.photo}" height="100" width="70" /> </a>

                                <h:panelGrid columns="1" width="100%">
                                    <h:panelGrid  columns="4" title="#{eventControl.selectedevent.title}" >

                                        <h:outputLabel value="Start at:" class="color_blue"></h:outputLabel>
                                        <h:outputLabel value="#{eventControl.selectedevent.startDate}"  class="bold"  >
                                            <f:convertDateTime timeZone="GMT+7" type="date" pattern="MM/dd/yyyy" />
                                        </h:outputLabel>
                                        <h:outputLabel value="End at:" class="color_blue" ></h:outputLabel>
                                        <h:outputLabel value="#{eventControl.selectedevent.endDate}" >
                                            <f:convertDateTime timeZone="GMT+7" pattern="MM/dd/yyyy"  />
                                        </h:outputLabel>
                                        <h:outputLabel value="Register at:" class="color_blue_red"></h:outputLabel>
                                        <h:outputLabel value="#{eventControl.selectedevent.startRegDate}"  class="bold"  >
                                            <f:convertDateTime pattern="MM/dd/yyyy" timeZone="GMT+7" />
                                        </h:outputLabel>
                                        <h:outputLabel value="Due to:" class="color_blue_red"></h:outputLabel>
                                        <h:outputLabel value="#{eventControl.selectedevent.endRegDate}"  class="bold"  >
                                            <f:convertDateTime pattern="MM/dd/yyyy" timeZone="GMT+7" />
                                        </h:outputLabel>
                                    </h:panelGrid>
                                    <h:panelGrid columns="1" style="width: 100%;">
                                        <h:outputLabel value="#{eventControl.decodeString(eventControl.selectedevent.description)}"  ></h:outputLabel>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </h:panelGrid>  
                        </p:panel>


                    </h:form>
                </p:panel>

            </div>
        </div>
    </h:body>
</html>
